import * as mars3d from "mars3d"
import { Cesium } from "mars3d"


// 定义全局地图变量
export let map: mars3d.Map | null = null;
//必须有这两行css,否则地球出来了，样式还是乱的
export async function initMap() {
  let mapOptions = await mars3d.Util.fetchJson({ url: "config/config.json" });
  map = new mars3d.Map("mars3dContainer", mapOptions);
  onMapLoad(); // map构造完成后的一些处理

  // 创建三维地球场景
  return map
}

export const onMapLoad = () => {
  startAnimation()
}

// 开场动画
function startAnimation() {
  map.flyHome({ duration: 0 })

  // 开场动画
  map.openFlyAnimation({
    // duration1:4,
    // easingFunction1: Cesium.EasingFunction.QUINTIC_IN_OUT,
  }).then(() => {
    // 动画播放完成后回调
  })
}

function stopAnimation() {
  map.camera.cancelFlight()
}
